.draftOperateCon {
  position: absolute;
  z-index: 10;
  padding: 0 30px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  .del {
    width: 65px;
    height: 28px;
    color: #f44336;
    margin: 14px 0;
    text-align: center;
    line-height: 28px;
    border-radius: 4px 4px 4px 4px;
    &:hover {
      background-color: #f5f5f5;
    }
  }
  .close {
    cursor: pointer;
    line-height: 56px;
    font-size: 22px;
    color: #9e9e9e;
    &:hover {
      color: #2196f3;
    }
  }
}
.draftOperateCon-enter {
  transform: translate3d(0, -56px, 0);
}

.draftOperateCon-enter.draftOperateCon-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform 300ms linear;
}

.draftOperateCon-leave {
  transform: translate3d(0, 0, 0);
}

.draftOperateCon-leave.draftOperateCon-leave-active {
  transform: translate3d(0, -56px, 0);
  transition: transform 300ms linear;
}
